<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="format-detection" content="telephone=no" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{if isset($data_seo.seo_title)}{$data_seo.seo_title}{/if}</title>
    <meta charset="UTF-8" name="keywords" content="{if isset($data_seo.seo_keywords)}{$data_seo.seo_keywords}{/if}">
    <meta charst="UTF-8" name="description" content="{if isset($data_seo.seo_description)}{$data_seo.seo_description}{/if}">
    <link rel="stylesheet" type="text/css" href="/static/wap/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/wap/css/alert.css">
    <link rel="stylesheet" type="text/css" href="/static/wap/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/static/wap/css/animate.min.css">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script>
        function resize() {
            var htmlEle = document.documentElement;

            var htmlWidth = window.innerWidth;
            htmlEle.style.fontSize = 20 / 640 * htmlWidth + 'px';
        } resize();
    </script>
    <style>
        .mobile-inner-nav a{
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: returnToNormal;
            animation-name: returnToNormal;
        }
                
        @-webkit-keyframes returnToNormal {
          0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -400%, 0);
                    transform: translate3d(0, -400%, 0);
          }
    
          400% {
            opacity: 1;
            -webkit-transform: none;
                    transform: none;
          }
        }
    
        @keyframes returnToNormal {
          0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -400%, 0);
                    transform: translate3d(0, -400%, 0);
          }
    
          400% {
            opacity: 1;
            -webkit-transform: none;
                    transform: none;
          }
        }
    </style>
</head>
<body>

{include file="public/header"}

<div class="zzbj">
    <img src="/static/wap/img/获取报价.jpg" alt="">
</div>

<div class="footer">

    <div class="footer-2">
        <div class="biaodan1">
            <h2>
                自助报价
            </h2>
        </div>
        <form action=""   id="consult-form">
            <div class="biaodan2">
                <div class="biaoti">
                    您喜爱的风格（可多选）
                </div>
                <div class="bdnr1">
                    {if isset($style_config)}
                    {volist name="style_config" id="v"}
                    <div class="piaochecked on_check">
                        <input name="ps_style[]" id="ps_style" type="checkbox" style="height:16px;width:16px;" class="radioclass input" value="{$v}">
                    </div>
                    <p>{$v}</p>
                    {/volist}
                    {/if}

                </div>
            </div>
            <div class="biaodan3">
                <div class="biaoti">
                    您想要拍摄的礼服数量
                </div>
                <div class="bdnr2">
                    {if isset($lfsl_config)}
                    {volist name="lfsl_config" id="v"}
                    <div class="pay_list_c1">
                        <input type="radio"  name="lf_num" class="radioclass" value="{$v}">
                    </div >
                    <p>{$v}</p>
                    {/volist}
                    {/if}

                </div>
            </div>
            <div class="biaodan4">
                <div class="biaoti">
                    您想要多少放大相框？
                </div>
                <div class="bdnr3">
                    {if isset($xksl_config)}
                    {volist name="xksl_config"  id="v"}
                    <div class="pay_list_c1">
                        <input type="radio"  name="xk_num"class="radioclass" value="{$v}">
                    </div >
                    <p>{$v}</p>
                    {/volist}
                    {/if}

                </div>
            </div>
            <div class="biaodan5">
                <div class="biaoti">
                    您想要几本相册？
                </div>
                <div class="bdnr4">
                    {if isset($xcsl_config)}
                    {volist name="xcsl_config" id="v"}
                    <div class="pay_list_c1">
                        <input type="radio"  name="xc_num"  class="radioclass" value="{$v}">
                    </div >
                    <p>{$v}</p>
                    {/volist}
                    {/if}

                </div>
            </div>
            <div class="biaodan6">
                <input type="number" id="phone" name="phone" placeholder="请填写手机号 (*必填)"style = "font-size:1.4rem">
            </div>
            <div class="biaodan7" type="submit" id="register">
                提交信息
            </div>
        </form>
        <div class="biaodan8">
            提交后我们会在24小时内联系您
        </div>
    </div>
    <div class="footer-3">
        <div class="nr-fl2">
            <div class="nr-bt2 cf1">
                <p>客照欣赏</p>
                <img class="jia1-f" src="/static/wap/img/加号.png" alt="">
                <img class="jianf1" src="/static/wap/img/减号-常规.png" alt="">
            </div>
            <div class="nr-lb-f xq1">
                <ul>
                    <a href="/wap/guest"><li>每周客片</li></a>
                    <a href="/wap/seasonpush"><li>当季主推</li></a>
                </ul>
            </div>
        </div>
        <div class="nr-fl2">
            <div class="nr-bt2 cf2">
                <p>作品欣赏</p>
                <img class="jia2-f" src="/static/wap/img/加号.png" alt="">
                <img class="jianf2" src="/static/wap/img/减号-常规.png" alt="">
            </div>
            <div class="nr-lb-f xq2">
                <ul>
                    {volist name="data_style" id="v"}
                    <a href="/wap/works/index/id/{$v.id}-0-0"> <li>{$v.name}</li></a>
                    {/volist}
                </ul>
            </div>
        </div>
        <div class="nr-fl2">
            <div class="nr-bt2 cf3">
                <p>场馆基地</p>
                <img class="jia3-f" src="/static/wap/img/加号.png" alt="">
                <img class="jianf3" src="/static/wap/img/减号-常规.png" alt="">
            </div>
            <div class="nr-lb-f xq3">
                <ul>
                    {volist name="data_jd" id="v"}
                    <a href="/wap/venues/nr/id/{$v.id}"><li>{$v.title}</li></a>
                    {/volist}
                </ul>
            </div>
        </div>
        <div class="nr-fl2">
            <div class="nr-bt2 cf4">
                <p>全球旅拍</p>
                <img class="jia4-f" src="/static/wap/img/加号.png" alt="">
                <img class="jianf4" src="/static/wap/img/减号-常规.png" alt="">
            </div>
            <div class="nr-lb-f xq4">
                <ul>
                    <a href="/wap/tripshoot/index/is_china/1"><li>国内</li></a>
                    <a href="/wap/tripshoot/index/is_china/2"><li>国外</li></a>
                </ul>
            </div>
        </div>
        <div class="nr-fl2">
            <div class="nr-bt2 cf5">
                <p>关于我们</p>
                <img class="jia5-f" src="/static/wap/img/加号.png" alt="">
                <img class="jianf5" src="/static/wap/img/减号-常规.png" alt="">
            </div>
            <div class="nr-lb-f xq5">
                <ul>
                    <a href="/wap/about/index"><li>联系我们</li></a>
                    <a href="/wap/about/md"><li href="/wap/about/md">找到门店</li></a>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-4">
        <img src="/static/wap/img/dblogo.png" alt="">
        <h3><a href="tel:{if isset($data_ext['tell'])}{$data_ext['tell']}{/if}">{if isset($data_ext['tell'])}{$data_ext['tell']}{/if}</a></h3>
        <p>{if isset($data_ext['address'])}{$data_ext['address']}{/if}  阜阳服务热线：<a href="tel:{if isset($data_ext['tell'])}{$data_ext['tell']}{/if}">{if isset($data_ext['tell'])}{$data_ext['tell']}{/if}</a> </p>
        <img src="/static/wap/img/dbjs.png" alt="">
    </div>
    <div class="footer-5">
        <div class="footer-5-btn1">
            <a href="tel:{if isset($data_ext['tell'])}{$data_ext['tell']}{/if}"><img src="/static/wap/img/拨打电话.jpg" alt=""></a>
        </div>
        <div class="footer-5-btn2">
            <a {if isset($data_ext['tell'])} href="{$data_ext['service_link']}"{/if}><img src="/static/wap/img/在线咨询.jpg" alt=""></a>
        </div>
        <div class="footer-5-btn3">
            <a href="/wap/offer"><img src="/static/wap/img/返利报价.jpg" alt=""></a>
        </div>
    </div>
</div>
</body>
<script src="/static/wap/js/jquery-1.11.3.js"></script>
<script src="/static/wap/js/swiper.min.js" ></script>
<script src="/static/wap/js/jquery-1.9.0.min.js"></script>
<script src="/static/wap/js/alert.min.js"></script>
<script src="/static/wap/js/wow.min.js" ></script>
<script src="/static/wap/js/main.js" ></script>
<!-- <script type="text/javascript" src="/static/wap/js/flexible.js"></script> -->
<script type="text/javascript" src="/static/wap/js/iscroll.js"></script>
<script type="text/javascript" src="/static/wap/js/navbarscroll.js"></script>
<script type="text/javascript">
    new WOW().init();
    /*var fun = function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 20 * (clientWidth / 640) + 'px';
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    }*/
    //fun(document, window);
    /*$(".more").click(function(){
        $(".p1").hide();
        $(".p2").show();
    });*/
    $('.footer-1').click(function(){
        var T = $(window).scrollTop();
        console.log(T)
        var t = setInterval(function(){
            if(T < 0){
                clearInterval( t );
            }else{
                T -= 50;
                $(window).scrollTop(T);
            }
        },13);
    });
    // $("#btn-scroll").click(function(){
    //     var sc=$(window).scrollTop();
    //     $('body,html').animate({scrollTop:0},500);
    //     })


    $(".xx1").click(function(){
        console.log(1)
        // $(".header-nr").removeClass('yinc');
        $("html,body").addClass('noscroll');
        $(".xx1").hide();
        $(".xx2").show();
        $(".header-nr").slideToggle(400);
        $(".nr-fl").slideToggle(400);
        $(".gb").slideToggle(400);
        $(".jia1").show();
        $(".jia2").show();
        $(".jia3").show();
        $(".jia4").show();
        $(".jia5").show();
        $(".jian1").hide();
        $(".jian2").hide();
        $(".jian3").hide();
        $(".jian4").hide();
        $(".jian5").hide();
    });
    $(".xx2").click(function(){
        console.log(1)
        // $(".header-nr").removeClass('yinc');

        $("html,body").removeClass('noscroll');
        $(".xx2").hide();
        $(".xx1").show();
        $(".header-nr").slideToggle(400);
        $(".nr-fl").slideToggle(400);
        $(".gb").slideToggle(400);
        $(".jia1").show();
        $(".jia2").show();
        $(".jia3").show();
        $(".jia4").show();
        $(".jia5").show();
        $(".jian1").hide();
        $(".jian2").hide();
        $(".jian3").hide();
        $(".jian4").hide();
        $(".jian5").hide();
    });
    $(".gb").click(function(){
        $("html,body").removeClass('noscroll');
        $(".header-nr").slideToggle(400);
        $(".nr-fl").slideToggle(400);
        $(".gb").slideToggle(400);
        $(".xx2").hide();
        $(".xx1").show();
    });
    $(".dj1").click(function(){
        $(".jia1").toggle();
        $(".jian1").toggle();
        $(".jia2").show();
        $(".jia3").show();
        $(".jia4").show();
        $(".jia5").show();
        $(".jian2").hide();
        $(".jian3").hide();
        $(".jian4").hide();
        $(".jian5").hide();
        $(".XQ1").slideToggle(400);
        $(".XQ2").hide(400);
        $(".XQ3").hide(400);
        $(".XQ4").hide(400);
        $(".XQ5").hide(400);
    });
    $(".dj2").click(function(){
        $(".jia2").toggle();
        $(".jian2").toggle();
        $(".jia1").show();
        $(".jia3").show();
        $(".jia4").show();
        $(".jia5").show();
        $(".jian1").hide();
        $(".jian3").hide();
        $(".jian4").hide();
        $(".jian5").hide();
        $(".XQ2").slideToggle(400);
        $(".XQ1").hide(400);
        $(".XQ3").hide(400);
        $(".XQ4").hide(400);
        $(".XQ5").hide(400);
    });
    $(".dj3").click(function(){
        $(".jia3").toggle();
        $(".jian3").toggle();
        $(".jia2").show();
        $(".jia1").show();
        $(".jia4").show();
        $(".jia5").show();
        $(".jian2").hide();
        $(".jian1").hide();
        $(".jian4").hide();
        $(".jian5").hide();
        $(".XQ3").slideToggle(400);
        $(".XQ2").hide(400);
        $(".XQ1").hide(400);
        $(".XQ4").hide(400);
        $(".XQ5").hide(400);
    });
    $(".dj4").click(function(){
        $(".jia4").toggle();
        $(".jian4").toggle();
        $(".jia2").show();
        $(".jia3").show();
        $(".jia1").show();
        $(".jia5").show();
        $(".jian2").hide();
        $(".jian3").hide();
        $(".jian1").hide();
        $(".jian5").hide();
        $(".XQ4").slideToggle(400);
        $(".XQ2").hide(400);
        $(".XQ3").hide(400);
        $(".XQ1").hide(400);
        $(".XQ5").hide(400);
    });
    $(".dj5").click(function(){
        $(".jia5").toggle();
        $(".jian5").toggle();
        $(".jia2").show();
        $(".jia3").show();
        $(".jia4").show();
        $(".jia1").show();
        $(".jian2").hide();
        $(".jian3").hide();
        $(".jian4").hide();
        $(".jian1").hide();
        $(".XQ5").slideToggle(400);
        $(".XQ2").hide(400);
        $(".XQ3").hide(400);
        $(".XQ4").hide(400);
        $(".XQ1").hide(400);
    });
    //fun(document, window);
    $(".cf1").click(function(){
        $(".jia1-f").toggle();
        $(".jianf1").toggle();
        $(".jia2-f").show();
        $(".jia3-f").show();
        $(".jia4-f").show();
        $(".jia5-f").show();
        $(".jianf2").hide();
        $(".jianf3").hide();
        $(".jianf4").hide();
        $(".jianf5").hide();
        $(".xq1").slideToggle(400);
        $(".xq2").hide(400);
        $(".xq3").hide(400);
        $(".xq4").hide(400);
        $(".xq5").hide(400);
    });
    $(".cf2").click(function(){
        $(".jia2-f").toggle();
        $(".jianf2").toggle();
        $(".jia1-f").show();
        $(".jia3-f").show();
        $(".jia4-f").show();
        $(".jia5-f").show();
        $(".jianf1").hide();
        $(".jianf3").hide();
        $(".jianf4").hide();
        $(".jianf5").hide();
        $(".xq2").slideToggle(400);
        $(".xq1").hide(400);
        $(".xq3").hide(400);
        $(".xq4").hide(400);
        $(".xq5").hide(400);
    });
    $(".cf3").click(function(){
        $(".jia3-f").toggle();
        $(".jianf3").toggle();
        $(".jia2-f").show();
        $(".jia1-f").show();
        $(".jia4-f").show();
        $(".jia5-f").show();
        $(".jianf2").hide();
        $(".jianf1").hide();
        $(".jianf4").hide();
        $(".jianf5").hide();
        $(".xq3").slideToggle(400);
        $(".xq2").hide(400);
        $(".xq1").hide(400);
        $(".xq4").hide(400);
        $(".xq5").hide(400);
    });
    $(".cf4").click(function(){
        $(".jia4-f").toggle();
        $(".jianf4").toggle();
        $(".jia2-f").show();
        $(".jia3-f").show();
        $(".jia1-f").show();
        $(".jia5-f").show();
        $(".jianf2").hide();
        $(".jianf3").hide();
        $(".jianf1").hide();
        $(".jianf5").hide();
        $(".xq4").slideToggle(400);
        $(".xq2").hide(400);
        $(".xq3").hide(400);
        $(".xq1").hide(400);
        $(".xq5").hide(400);
    });
    $(".cf5").click(function(){
        $(".jia5-f").toggle();
        $(".jianf5").toggle();
        $(".jia2-f").show();
        $(".jia3-f").show();
        $(".jia4-f").show();
        $(".jia1-f").show();
        $(".jianf2").hide();
        $(".jianf3").hide();
        $(".jianf4").hide();
        $(".jianf1").hide();
        $(".xq5").slideToggle(400);
        $(".xq2").hide(400);
        $(".xq3").hide(400);
        $(".xq4").hide(400);
        $(".xq1").hide(400);
    });
    $(".pay_list_c1").on("click",function(){
        $(this).addClass("on").siblings().removeClass("on");
    })
    $(".piaochecked").on("click",function(){
        $(this).hasClass("on_check")? $(this).removeClass("on_check"):$(this).addClass("on_check");
    })

    var M ={};
    $('#register').click(function(){

        var phone=$('#phone').val();
        var formobj = document.getElementById('consult-form')
        var formData = new FormData(formobj);
        console.log(formData);
        if(phone==''){

            M.dialog1 = jqueryAlert({
                'content' : '手机号不能为空',
                'closeTime' : 2000,
            })

            return false;

        }else if(!(/^1[3458]\d{9}$/.test(phone))){

            M.dialog1 = jqueryAlert({
                'content' : '手机格式不正确',
                'closeTime' : 2000,
            })
            return false;

        }else{
            $.ajax({
                url:"/wap/index/addconsult",
                data:formData,
                type:'post',
                dataType:'json',
                processData: false,  // 告诉jQuery不要去处理发送的数据
                contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
                success:function(res){

                    if(1==res.code){
                        M.dialog2 = jqueryAlert({
                            'content' : '提交成功！',
                            'closeTime' : 2000,
                        });
                        $('#phone').val('');
                        $(".piaochecked").addClass('on_check');
                        $("#consult-form div").removeClass('on');
                        return true;

                    }

                }

            })

        }
        return true;

    })
</script>
<script>
    $(function(){
        $('.wrapper').navbarscroll();
    });

    $('#video').click(function(){
        if(video.pause){
            video.play()
        }else{
            video.pause()
        }

    })
</script>
</html>